<template>
  <a-collapse>
    <a-collapse-panel key="1" header="表格属性说明">
      <ITableDoc></ITableDoc>
    </a-collapse-panel>
    <a-collapse-panel key="full"  header="表格组件示例">
      <a-tabs :animated="false">
        <a-tab-pane key="full" tab="完整示例">
          <Full></Full>
        </a-tab-pane>
        <a-tab-pane key="InputAndTextarea" tab="复选框">
          <CheckBoxTable></CheckBoxTable>
        </a-tab-pane>
        <a-tab-pane key="FormatTable" tab="时间/金额格式化">
          <FormatTable></FormatTable>
        </a-tab-pane>
         <a-tab-pane key="TitleAndFunction" tab="表头功能/右侧功能">
          <TitleAndFunction></TitleAndFunction>
        </a-tab-pane>
        <a-tab-pane key="TreeSelect" tab="表头筛选">
          <TitleSearch></TitleSearch>
        </a-tab-pane>
        <a-tab-pane key="isCheckField" tab="自定义是否可选字段">
          <IsCheckField></IsCheckField>
        </a-tab-pane>
        <a-tab-pane key="Time" tab="树形表格">
          <TreeTable></TreeTable>
        </a-tab-pane>
        <a-tab-pane key="templateTable" tab="自定义表格">
          <TemplateTable></TemplateTable>
        </a-tab-pane>
      </a-tabs>
    </a-collapse-panel>
  </a-collapse>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import ITableDoc from './ITableDoc.vue'
import Full from './commponents/Full.vue'
import CheckBoxTable from './commponents/CheckBoxTable.vue'
import FormatTable from './commponents/FormatTable.vue'
import IsCheckField from './commponents/IsCheckField.vue'
import TemplateTable from './commponents/TemplateTable.vue'
import TitleSearch from './commponents/TitleSearch.vue'
import TreeTable from './commponents/TreeTable.vue'
import TitleAndFunction from './commponents/TitleAndFunction.vue'
export default defineComponent({
    name: 'i_table_demo',
    setup () {
        return {}
    },
    methods: {},
    components: {
        ITableDoc,
        Full,
        CheckBoxTable,
        FormatTable,
        IsCheckField,
        TemplateTable,
        TitleSearch,
        TreeTable,
        TitleAndFunction
    }
})
</script>

<style lang="scss" scoped>
.cus_template {
  display: flex;
}
</style>
